'use client'

import React from 'react';
import { BaseEditorProps } from './types';

export default function IframeEditor({ properties, updateProperty }: BaseEditorProps) {
  return (
    <div className="space-y-4">
      <div>
        <label className="block text-sm font-medium text-gray-700 mb-1">网页链接 (src)</label>
        <input
          type="url"
          className="w-full p-2 border border-gray-300 rounded"
          value={properties.src || ""}
          onChange={(e) => updateProperty('src', e.target.value)}
          placeholder="https://www.example.com"
        />
      </div>

      <div>
        <label className="block text-sm font-medium text-gray-700 mb-1">样式类名 (className)</label>
        <input
          type="text"
          className="w-full p-2 border border-gray-300 rounded"
          value={properties.className || ""}
          onChange={(e) => updateProperty('className', e.target.value)}
          placeholder="w-full h-96 border rounded"
        />
      </div>
    </div>
  );
}
